@charset "UTF-8";
@import "base/constants";

// 公共样式抽取
// 整体布局抽取
.content {
  display: flex;
  overflow-x: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
  // 头部和底部样式
  > header, > footer {
	width: 100%;
	height: getRem(88);
	background: $primaryBgColor;
  }

  /*顶部样式*/
  > header {
	> nav {
	  height: 100%;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  .back {
		margin-left: getRem(34);
		width: getRem(24);
		height: getRem(42);
	  }

	  h3 {
		flex: 1;
		text-align: center;
		font-weight: normal;
		color: #FFFFFF;
	  }

	  div {
		width: getRem(160);
	  }

	  div {
		&:nth-child(3) {

		  div {
			display: flex;
			justify-content: flex-end;
			img {
			  &:nth-child(1) {
				margin-right: getRem(22);
				width: getRem(35);
				height: getRem(45);
			  }
			  &:nth-child(2) {
				margin-right: getRem(15);
				width: getRem(39);
				height: getRem(42);
			  }
			}
		  }

		}
	  }
	}
  }
  // 中间内容区域
  > section {
	flex: 1;
	overflow-y: auto;
  }

}

// media适配各种字体大小
@include mediaFunction();